<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>司机端首页</title>
    <link rel="stylesheet" href="UC_style.css">
    <style>
        .iframe1 {
            width: 100%;
            height: 800px;
            background: white;
            float: left;
        }

        * {
            margin: 0;
            padding: 0;
        }

        .main {
            width: 83%;
            height: 800px;
            background: RGB(239,239,239);
            float: left;
        }

        #header1 {
            height: 40px;
            background: RGB(30,35,45);
        }

        .left {
            width: 17%;
            height: 844px;
            background: RGB(30,35,45);
            float: left;
            text-align: center;
        }

        #footer {
            clear: both;
            height: 50px;
            background: gray;
        }

        h1 {
            font-size: 30px;
            color:white;
            font-family: "宋体";
            padding: 20px 5px;
        }

        .button1 {
            background-color: RGB(46,54,62);
            border-width: 1px;
            color: white;
            padding: 15px 32px;
            width: 100%;
            text-align: left;
            font-size: 16px;
        }

            .button1:hover {
                background-color: #CFD2E0;
            }

        .button2 {
            background-color: RGB(23,28,33);
            border-width: 1px;
            color: white;
            padding: 15px 32px;
            width: 100%;
            text-align: left;
            font-size: 16px;
        }

            .button2:hover {
                background-color: RGB(40,183,121);
            }

        .div_button {
            width: 100%;
            background: RGB(30,35,45);
            float: left;
            text-align: center;
            display: none;
        }
    </style>
<script src="jquery.js"></script>
    <script>
    $(function(){
        
        $('#back').click(function(){ 
        	if(confirm('确定要退出登录吗？')){ 
        		 window.location.href = "C-login.jsp";
        	} 
        });
    });
    
</script>
</head>
<body>
<%
	String Did=request.getParameter("Did");
	System.out.println(Did);
%>
    <div class="left">
        <h1>司机端</h1>
        <form action="">
            <input type="button" class="button1" name="我的任务" value="我的任务" onclick="next('我的任务')"><br />
            <input type="button" class="button1" name="车辆维修" value="车辆维修" onclick="next('车辆维修')"><br />
            <input type="button" class="button1" name="车辆事故" value="车辆事故" onclick="next('车辆事故')"><br />
            <input type="button" class="button1" name="车辆用油" value="车辆用油" onclick="next('车辆用油')"><br />
        </form>
    </div>

    <div class="main">
        <div id="header1">
       			 <form action="X-UseCar_PersonalInformation.jsp" method="get" target="UseCar">
	             <input type="submit" class="input1" name="个人信息" value="个人信息" onclick="next('个人信息')" style="margin-right:40px;">
	             <button class="button_header1" id="back">
					<img src="img/back.png" alt="Big Boat" width="20" height="20" style="float:center;border-radius:50px;">
				</button>
         	 </form>	
        </div>
        
        <iframe id="iframe1" class="iframe1" name="" src="X-Driver_Task.jsp"></iframe>
    </div>
    <script>

        function next(a) {

            if (a == "我的任务")
                document.getElementById("iframe1").src = 'X-Driver_Task.jsp';
            if (a == "车辆维修")
                document.getElementById("iframe1").src = 'X-Driver_RepairList.jsp';
            if (a == "车辆事故")
                document.getElementById("iframe1").src = 'X-Driver_AccidentList.jsp';
            if (a == "车辆用油")
                document.getElementById("iframe1").src = 'X-Driver_OilList.jsp';
        }

    </script>
</body>
</html>